<template>  
  <div class="parent-box">  
    <div v-draggable class="draggable-box">  
      拖拽我，但不要超出父盒子  
    </div>  
  </div>  
</template>  
  
<script setup>  
// 组件逻辑...  
</script>  
  
<style scoped>  
.parent-box {  
  position: relative; /* 或者其他合适的定位 */  
  width: 100%;  
  height: 70vh;  
  border: 1px solid #000;  
  overflow: hidden; /* 如果你想防止内容溢出父元素 */  
}  
  
.draggable-box {  
  position: absolute; /* 或 relative，根据你的布局需要 */  
  width: 200px;  
  height: 200px;  
  background-color: red;  
  cursor: move; /* 添加鼠标移动光标样式 */  
}  
</style>